<!DOCTYPE html>
<html lang="en">
<head>
    <!--include "../common/default.html"-->
    <link rel="stylesheet" href="css/pages/index.css"/>
</head>
<body>
<style>
    html,body{position: relative;height: 100%;padding: 10px;margin: 0;box-sizing: border-box;}
    .inline{margin-left: 10px;}
    .group{margin-top: 10px;}
    .container{height: 40%;overflow-y: scroll;border: 1px solid #ddd;padding: 10px;margin-top: 2%;}
    textarea{width: 100%;height: 99%;font-size: 16px;font-family: Arial;padding: 10px;box-sizing: border-box;}
    .Editor-container{height: 100%;}
</style>
<div style="overflow: hidden;height: 50%;">
    <div style="width: 48%;float: left;height: 100%;">
        <div id="edit" style="height: 100%"></div>
    </div>
    <div style="width: 48%; height:100%;float: left;margin-left: 2%;">
        <textarea></textarea>
    </div>
</div>
<div class="container">
    <h5>说明：配置功能需在creat之前使用</h5>
    <h5>说明：插件基于jquery使用</h5>
    <h2>基本配置</h2>
    <div class="inline">
        <div class="group">
            <button id="menus">菜单配置</button>
        </div>
        <div class="group">
            <button id="cn">设置中文(默认开启)</button>
            <button id="en">设置英文</button>
        </div>
        <div class="group">
            <button id="endebug">开启debug模式</button>
            <button id="disdebug">关闭debug模式</button>
        </div>
        <div class="group">
            <button id="enjsFilter">编辑源码时，不过滤 javascript</button>
            <button id="disjsFilter">编辑源码时，过滤 javascript(默认开启)</button>
        </div>
    </div>
    <h2>基本功能</h2>
    <div class="inline">
        <div class="group">
            <button id="clear">清空数据</button>
        </div>
        <div class="group">
            <button id="disable">禁用编辑器</button>
            <button id="enable">启用编辑器</button>
        </div>
        <div class="group">
            <button id="destroy">销毁编辑器</button>
            <button id="undestroy">撤销 销毁编辑器</button>
        </div>
        <div class="group">
            <button id="html">获取编辑器区域完整html代码</button>
            <button id="text">获取编辑器纯文本内容</button>
            <button id="formatText">获取格式化后的纯文本</button>
        </div>
    </div>
    <h2>图片配置</h2>
    <div class="inline">
        <div class="group">
            <button id="img">自定义上传配置参数</button>
        </div>
    </div>
    <h2>字体配置</h2>
    <div class="inline">
        <div class="group">
            <button id="fontsize">配置字号</button>
            <button id="fontfamily">配置字体</button>
            <button id="fontcolor">配置颜色</button>
        </div>
    </div>
    <h2>表情配置</h2>
    <div class="inline">
        <div class="group">
            <button id="emotion">表情包导入</button>
        </div>
        <div class="group">
            <button id="emotionIcon">表情包显示icon模式</button>
            <button id="emotionText">表情包显示文字模式</button>
        </div>
    </div>
    <h2>地图配置</h2>
    <div class="inline">
        <div class="group">
            <button id="map">百度地图key配置</button>
        </div>
    </div>
</div>


<script src="lib/jquery.min.js"></script>
<script src="js/page/edit.js"></script>
<script src="js/page/function.js"></script>
<script src="js/page/baseConfig.js"></script>
<script src="js/page/baseFun.js"></script>
<script src="js/page/imgConfig.js"></script>
<script src="js/page/fontConfig.js"></script>
<script src="js/page/emotionConfig.js"></script>
<script src="js/page/mapConfig.js"></script>
</body>
</html>